<template>
  <swiper :style="{ height: height }"  indicator-dots autoplay circular>
    <swiper-item v-for="item in bannerList" :key="item.id">
      <image
        :src="item.imgUrl"
      />
    </swiper-item>
  </swiper>
</template>

<script>
export default {
  props: {
    bannerList: {
      type: Array,
      require: true,
    },
    height: {
      require: true,
    },
  },
}
</script>

<style scoped>
swiper{
  height: 200rpx;
}
</style>